<template>
  <div>
    <h2>物流相关信息</h2>
    <div class="logistics-info-header">
      <div class="logistics-info-header-left">
        <slot 
        name="header"
        :logisticsStatus="orderInfo.logisticsStatus"
        :logisticsCompany="orderInfo.logisticsCompany"
        :logisticsNo="orderInfo.logisticsNo"
        ></slot>
       
      </div>
    </div>
    <ul class="logistics-info-list" v-show="isShow">
      <slot name="list" 
      :logisticsInfo="logisticsInfo"
      :uname="admin"
      ></slot>
    </ul>
    <button @click="lookFn('张三')">查看物流详情</button>
  </div>
</template>

<script>
export default {
  // props:['logisticsInfo','orderInfo','uname'],
  props:{
    orderInfo:{
      type:Object,
      default:()=>({}),
    },
    uname:{
      type:String,
      default:"",
    },
    logisticsInfo:{
      type:Array,
    }
  },
  data() {
    return {
      isShow:false, 
      admin:''     
    }
  },
  // methods:{
  //   lookFn(admin){
  //     this.admin = admin;
  //     this.$emit("update:uname",admin)
  //   }
  // }
  methods:{
    lookFn(){
      this.isShow = true
    }
  }
}
</script>

<style></style>
